<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="大学.css">
  </head> 
    <body>
    <header class="top">
		<div>
			<p>
				<img class="privatephoto" src="大学1.jpg" alt="我的大学">
				<span class="spuncen">中南财经政法大学</span>
				<span class="spancen">——我的大学</span>
			</p>
		<div>
    </header>

	<nav>
	<ul>
		<li><a href="index.html">个人中心</a></li>
		<li><a href="猫.html">作品展示</a></li>
		<li><a href="大爱古风.html">大爱古风</a></li>
		<li class="selected"><a href="我的大学.html">我的大学</a></li>
		<span class="veright">
			<audio controls autoplay loop>
			<source src="又是一年南风起.mp3">
			<p>对不起，你的浏览器不支持该音频格式</p>
			</audio>
		</span>
	</ul>
	</nav>	

	<div class="page">
		<br>
		<div class="pa1">
			
		  <div>
		  
			<h1 class="sushe">我的大学</h1>
			<p>我的大学生活是在中南大度过的<br>是的，就是那个中南名字最长唱歌跳舞大学<br>它在首义和南湖都留下了足迹<br>首义不大却恰到好处<br>无论去哪都极其方便<br>南湖挺大却也大的恰到好处<br>刚好够中区人民不骑车就能上下课</p>
		  </div>
		  
		  
		  <div>
			<p>夜幕下的校园总是这样静谧美丽</p>
			<table>
				<tr>
					<th>
						<img src="学1.jpg" alt="跳舞之后的傻样子" class="picture3">
					</th>
					<th>
						<img src="学3.jpg" alt="跳舞之后的傻样子" class="picture3">
					</th>	
					<th>
						<img src="学6.jpg" alt="跳舞之后的傻样子" class="picture3">
					</th>	
				</tr>
			</table>
		  </div>
		 
		 <div>
		    <p>无论晨曦还是落叶总能给它别样的风情</p>
			<table>
				<tr>
					<th>
						<img src="学2.jpg" alt="跳舞之后的傻样子" class="picture4">
					</th>
					<th>
						<img src="学4.jpg" alt="跳舞之后的傻样子" class="picture4">
					</th>	
					<th>
						<img src="学5.jpg" alt="跳舞之后的傻样子" class="picture4">
					</th>	
				</tr>
			</table>
			<p>这就是我的大学校园，我四年甚至不止四年都要在此度过的地方</p>
		  </div>
		</div>
		<div class="pa1">
		 <div>
		 
			<h1 class="sushe">我的宿舍</h1>
				<div>
					<p>我的宿舍有四位成员，分别是慕容性感，东方铁柱，端木杉菜和欧阳翠花，我们相亲相爱，共创美好未来。</p>
					<p>寝室成员如下</p>
				</div>
			
			<table>
				<tr>
					<th>
						<img src="端木杉菜.png" alt="端木杉菜" class="picture1">
						<p>端木杉菜</p>
					</th>
					<th>
						<img src="慕容性感.png" alt="慕容性感" class="picture1">
						<p>慕容性感</p>
					</th>	
				</tr>
				<tr>
					<th>
						<img src="东方铁柱.png" alt="东方铁柱" class="picture1">
						<p>东方铁柱</p>
					</th>
					<th>
						<img src="欧阳翠花.png" alt="欧阳翠花" class="picture1">
						<p>欧阳翠花</p>
					</th>
				</tr>
			</table>
		  
		  </div>
		  <div>
		  
			<p>那么问题来了，真人到底什么样呢</p>
			<p>提示：合照一张</p>
			<img src="宿舍1.jpg" alt="我可爱的宿舍成员小合照"  class="hezhao">
			<p>给你比个大心心(猜猜我们分别都是哪个^-^)</p><br>	
		  </div>
		</div>
		
		<div class="pa1">
		
		  <div>
		  
			<h1 class="sushe">我的经历</h1>
			<p>提起我的大学最难忘的，就是我那几百年没一次的尬舞</p>
			<span>	
				<video controls width="512" height="390">
				<source src="新生风采大赛.mp4">
				<p>对不起，你的浏览器不支持该视频格式</p>
				</video>
			</span>
			<p>是的，那个跳舞跳的最僵硬的就是我本尊-_-!</p>
		
		  </div>
		  
		  <div>
		
			<p>虽然有些丢人和尴尬，但事后我还是很欢脱的</p>
			<p>附图如下</p>
			<table>
				<tr>
					<th>
						<img src="大学2.jpg" alt="跳舞之后的傻样子" class="picture2">
					</th>
					<th>
						<img src="大学3.jpg" alt="跳舞之后的傻样子" class="picture2">
					</th>	
					<th>
						<img src="大学6.jpg" alt="跳舞之后的傻样子" class="picture2">
					</th>	
				</tr>
				<tr>
					<th>
						<img src="大学5.jpg" alt="跳舞之后的傻样子" class="picture5">
					</th>
					<th>
						<img src="大学7.jpg" alt="跳舞之后的傻样子" class="picture5">
					</th>
					<th>
						<img src="大学10.jpg" alt="跳舞之后的傻样子" class="picture5">
					</th>	
				</tr>
				<tr>
					<th>
						<img src="大学8.jpg" alt="跳舞之后的傻样子" class="picture6">
					</th>
					<th>
						<img src="大学9.jpg" alt="跳舞之后的傻样子" class="picture6">
					</th>
					<th>
						<img src="大学4.jpg" alt="跳舞之后的傻样子" class="picture6">
					</th>	
				</tr>
			</table>
			<p>没错，事后我的心里乐开了花<br>这是我上大学以来第一次对自己的重大挑战。<br>最后班级节目获得了新风的第一</p>
		  </div>
		</div>
		<br>
	</div>

    <footer>
      &copy; 2018, 我的大学
      <br>
      李嫚琳 版权所有
    </footer>
		<div class="to_the_top" onclick="toTop()">
			↑
		</div>
		
		<script src="jquery-3.3.1.min.js"></script>
		<script src="index.js"></script>	
	</body>